<template>
  <div v-if="sysConfig && sysConfig.rightReserved" class="footer">
    <div class="disFlx">
      <div>{{ sysConfig.rightReserved }}版权所有</div>
      <div v-if="sysConfig.recordNumber" class="_pl-20">
        <span>备案号：</span>
        <a class="recordNumberLink" target="_blank" :href="sysConfig.recordNumberLink">{{ sysConfig.recordNumber }}</a>
      </div>
    </div>
    <div v-if="sysConfig && sysConfig.serviceTel">
      客服电话：{{ sysConfig.serviceTel }}
    </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  name: 'GlobalFooter',
  computed: {
    ...mapGetters(['sysConfig'])
  }
}
</script>

<style lang="less" scoped>
.footer {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  height: 40px;
  padding: 0 15px;
}
</style>
